Ext.define('NIM.view.Administration.AssetChangeReason', {
	extend : 'Ext.panel.Panel',
	alias : 'widget.AssetChangeReason',
	id : 'assetChangeReason',
	title : 'Asset Change Reason',
	// height : 800,
	border : false,
	closable : true,
	layout : {
		type : 'border'
	},
	listeners : {
		afterrender : function() {
			var keyword = Ext.getCmp("comboAssetChangeCat").getValue();
			Ext.getStore('Administration.AssetChangeReason').removeAll();
			Ext.getStore('Administration.AssetChangeReason').getProxy().url = "./Services/DataMaster/AssetChangeReason/List?CHANGE_CATEGORY="+keyword+"";
			Ext.getStore('Administration.AssetChangeReason').load();
			
		}
	},
	items : [ {
		xtype : 'form',
		width : 400,
		height : 800,
		id : 'ConfigAssetChangeReason',
		title : 'Asset Change Reason',

		items : [
				{
					xtype : 'combo',
					id : 'comboAssetChangeCat',
					fieldLabel : 'Change Category',
					labelWidth : 120,
					width : 350,
					value:'DISMANTLE_SITE',
					margin : '10 10 10 10',
					store : new Ext.data.ArrayStore({
						fields : [ 'no', 'changeCat' ],
						data : [ [ 'DISMANTLE_SITE', 'Dismantle Site' ],
								[ 'DISMANTLE_NE', 'Dismantle NE' ],
								[ 'HENTI_OPERASI_SITE', 'Henti Operasi Site' ],
								[ 'HENTI_OPERASI_NE', 'Henti Operasi NE' ],
								[ 'RELOCATION_SITE', 'Relocation Site' ],
								[ 'RELOCATION_NE', 'Relocation NE' ],
								[ 'HILANG_NE', 'Hilang NE' ] ]
					}),
					valueField : 'no',
					displayField : 'changeCat',
					listeners : {
						afterrender : function() {
							var keyword = Ext.getCmp("comboAssetChangeCat").getValue();
							Ext.getStore('Administration.AssetChangeReason').removeAll();
							Ext.getStore('Administration.AssetChangeReason').getProxy().url = "./Services/DataMaster/AssetChangeReason/List?CHANGE_CATEGORY="+keyword+"";
							Ext.getStore('Administration.AssetChangeReason').load();
							console.log("keyword"+keyword);
						},
						select:function(){
							var keyword = Ext.getCmp("comboAssetChangeCat").getValue();
							Ext.getStore('Administration.AssetChangeReason').removeAll();
							Ext.getStore('Administration.AssetChangeReason').getProxy().url = "./Services/DataMaster/AssetChangeReason/List?CHANGE_CATEGORY="+keyword+"";
							Ext.getStore('Administration.AssetChangeReason').load();
							console.log("keyword"+keyword);
						}
					},

				},
				{
					xtype : 'textfield',
					id : 'reasonTextAssetChangeCat',
					fieldLabel : 'Reason',
					margin : '10 10 10 10 ',
					labelWidth : 120,
					width : 350,

				},
				{
					xtype : 'fieldcontainer',
					cls : 'black',
					margin : '10 10 10 10',
					fieldLabel : 'Active',
					labelWidth :120,
					width : 350,
					defaultType : 'radiofield',
					defaults : {
						flex : 1
					},
					layout : 'hbox',
					items : [ {
						boxLabel : 'Yes',
						id : 'active_assetChangeCat',
						name : 'active',
						inputValue : 'y'
					}, {
						boxLabel : 'No',
						id : 'disactive_assetChangeCat',
						name : 'active',
						inputValue : 'n'
					} ]

				},
				{
					xtype : 'fieldcontainer',
					cls : 'black',
					defaultType : 'button',
					width : 350,
					defaults : {
						flex : 1
					},
					layout : 'hbox',
					items : [ {
						xtype : 'button',
						id : 'buttonAddAssetChangeCat',
						margin : '10 20 10 10',
						// width:100,
						text : 'Insert',
						handler : function() {
							InputAssetChangeReason();
						}
					}, {
						xtype : 'button',
						id : 'buttonDellAssetChangeCat',
						margin : '10 20 10 10',
						// width:50,
						text : 'Delete',
						handler:function(){
							DeleteAssetChangeCategory();
						}
					} ]

				},
				{
					xtype : 'gridpanel',
					id : 'table_assetChangeReason',
					margin : '10 20 10 10',
					selType : 'checkboxmodel',
					title : 'Asset Change Reason',
					store : 'Administration.AssetChangeReason',
					border : true,
					forceFit : true,
					columnLines : true,
					columns : [ {
						text : 'Change Category',
						dataIndex : 'CHANGE_CATEGORY'
					}, {
						text : 'Reason',
						dataIndex : 'CHANGE_REASON',
						flex : 1
					}

					],
					height : 250,
					width : 350,
					dockedItems:{
						xtype : 'pagingtoolbar',
						dock : 'bottom',
						store : 'Administration.AssetChangeReason',
						displayInfo : true
					},
					
					listeners : {
						afterrender : function() {
							Ext.getStore('Administration.AssetChangeReason').load();
						},

						itemdblclick : function(grid, record) {
							getValueGridAssetChangeCategory(record);
						}

					},
				} ]
	} ]

});